<template>
  <div class="item">
    <img :src="detailMovie.img">
    <div>
      <p>{{ detailMovie.score }}</p>
      <p>{{ detailMovie.country }}</p>
      <p><span class="tag">{{ detailMovie.tags }}</span></p>
      <p>{{ detailMovie.summary }}</p>
    </div>
  </div>
</template>
<script>
import { mapState } from 'vuex'
export default {
  computed: {
    ...mapState('detail', ['detailMovie'])
  },
  created () {
    this.$store.dispatch('detail/getDetailMovie', this.$route.query.id)
    console.log(this.$route.query.id, this.$route.params.id)
  }
}
</script>
